<template>
    <div>
        <!-- <el-row class="ODrow1"  type="flex" justify="center">
            <el-col :span=11 class="row1col1" style="height: 80px;">
                <img src="../../../assets/portal/18(DELL)XPS15_silvery/3.jpg" class="PImg">
                <div class="ODcol1div1" style="width: 230px;">
                    <span title="小新AIR14 锐龙版高性能轻薄便携商务设计游戏笔记本电脑"
                    style="cursor:pointer"
                    >小新AIR14 锐龙版高性能轻薄便携商务设计游戏笔记本电脑</span>
                </div>
                <div class="ODcol1div1" style="margin-top:35px">
                    <span style="color: rgb(61, 61, 61);">标配：R5-5500U 16G 512G</span>
                </div>
                <div class="ODcol1div1" style="margin-top:53px">
                    <span style="color: rgb(255, 24, 90);">7天退换</span>
                </div>
            </el-col>
            <el-col :span=4 class="row1col1" style="margin-top: 45px;font-weight:550;color:rgb(91,91,91)">￥4499.00</el-col>
            <el-col :span=3 class="row1col1" style="margin-top: 45px;">--</el-col>
            <el-col :span=3 class="row1col1" style="margin-top: 45px;">1</el-col>
            <el-col :span=3 class="row1col1" style="margin-top: 45px;font-weight:550;color: rgb(255, 24, 90);">￥4499.00</el-col>
        </el-row>
        <div class="ODdiv3" style="margin-top:70px;border-bottom:1px dashed rgb(197, 197, 197)"></div>
         -->
        <div v-for="(data , index) in MyOidData" :key="index">
            <el-row class="ODrow1"  type="flex" justify="center">
                <el-col :span=11 class="row1col1" style="height: 80px;">
                    <img :src="pictureshow[index]" class="PImg" @click="GoBackProductDetail(data.pid)">
                    <div class="ODcol1div1" style="width: 230px;">
                        <span :title="data.title"
                        style="cursor:pointer" @click="GoBackProductDetail(data.pid)"
                        >{{data.title}}</span>
                    </div>
                    <div class="ODcol1div1" style="margin-top:35px">
                        <span style="color: rgb(61, 61, 61);">{{data.title.slice(2)}}</span>
                    </div>
                    <div class="ODcol1div1" style="margin-top:53px">
                        <span style="color: rgb(255, 24, 90);">7天退换</span>
                    </div>
                </el-col>
                <el-col :span=4 class="row1col1" style="margin-top: 45px;font-weight:550;color:rgb(91,91,91)">￥{{data.price}}.00</el-col>
                <el-col :span=3 class="row1col1" style="margin-top: 45px;">--</el-col>
                <el-col :span=3 class="row1col1" style="margin-top: 45px;">{{data.num}}</el-col>
                <el-col :span=3 class="row1col1" style="margin-top: 45px;font-weight:550;color: rgb(255, 24, 90);">￥{{data.num*data.price}}.00</el-col>
            </el-row>
            <div class="ODdiv3" style="margin-top:70px;border-bottom:1px dashed rgb(197, 197, 197)"></div>
        </div>
    </div>
</template>

<script>
    export default {
        name:'XiaoODPLproduct',
        data(){
            return{
                MyOidData:'',
                pictureshow:[{0:'tttt'},{1:'bbbb'},{2:'aaaa'}],
            }
        },
        mounted(){
            this.$bus.$on('MyOidData',(MyOidData)=>{
                this.MyOidData=MyOidData
                for( let i=0 ; i< this.MyOidData.length ; i++){
                    this.pictureshow[i]=require(`../../../assets/${this.MyOidData[i].image.slice(13)}1.jpg`)
                }
            })
        },
        beforeDestroy(){
            this.$bus.$off('MyOidData')
        },
        methods:{
            GoBackProductDetail(pid){
                this.$router.push({
                    name:'xProductDetails',
                    params:{id:pid}})
            }
        },
    }
</script>

<style scoped>
.ODrow1{
    margin-right: 15px;
    margin-left: 15px;
}
.row1col1{
    margin-top: 20px;
    color: rgb(119, 119, 119);
    font-size: 13px;
    text-align: center;
}
.ODdiv3{
    margin-top: 7px;
    margin-right: 15px;
    margin-left: 15px;
    border-bottom: 1px solid rgb(197, 197, 197);
}
.PImg{
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px;
    width: 50px;
    height: 50px;
    float:left;
}
.ODcol1div1{
    text-align: left;
    margin-left: 75px;
    margin-top: 0px;
    position: absolute;
    font-size: 12px;
}
</style>